@charset "UTF-8";
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@-o-keyframes spin {
  0% {
    transform: rotateY(0); }
  100% {
    transform: rotateY(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-webkit-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-moz-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-o-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  100% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); } }

@-o-keyframes scale {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -o-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-moz-keyframes rotate {
  0% {
    -moz-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -moz-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-o-keyframes rotate {
  0% {
    -o-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-webkit-keyframes bottommove {
  0% {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-moz-keyframes bottommove {
  0% {
    -moz-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -moz-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-o-keyframes bottommove {
  0% {
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@keyframes bottommove {
  0% {
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    -moz-transform: translate(0, 0) rotate(-45deg);
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-webkit-keyframes topmove {
  0% {
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-moz-keyframes topmove {
  0% {
    -moz-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -moz-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-o-keyframes topmove {
  0% {
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@keyframes topmove {
  0% {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    -moz-transform: translate(0, 0) rotate(-45deg);
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-webkit-keyframes skews {
  0% {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); } }

@-moz-keyframes skews {
  0% {
    -moz-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -moz-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -moz-transform: skew(10deg);
    transform: skew(10deg); } }

@-o-keyframes skews {
  0% {
    -o-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -o-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -o-transform: skew(10deg);
    transform: skew(10deg); } }

@keyframes skews {
  0% {
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg); } }

@-webkit-keyframes rotatex3d {
  from {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-moz-keyframes rotatex3d {
  from {
    -moz-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-o-keyframes rotatex3d {
  from {
    transform: rotateX(360deg); } }

@keyframes rotatex3d {
  from {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-webkit-keyframes leftrun {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes leftrun {
  from {
    -moz-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes leftrun {
  from {
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes leftrun {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes rotatelogo3d {
  from {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-moz-keyframes rotatelogo3d {
  from {
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-o-keyframes rotatelogo3d {
  from {
    transform: rotateY(0); }
  to {
    transform: rotateY(360deg); } }

@keyframes rotatelogo3d {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

.rightsidebar {
  height: 100%;
  width: 38px;
  background-color: #565656;
  text-align: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3; }
  .rightsidebar li {
    margin-bottom: 32px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    position: relative; }
    .rightsidebar li a {
      color: white; }
      .rightsidebar li a p {
        font-size: 12px; }
      .rightsidebar li a:hover::after {
        content: '';
        display: block;
        width: 100px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: -95px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
    .rightsidebar li:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .rightsidebar .top {
    margin-top: 100px;
    margin-bottom: 90px; }
    .rightsidebar .top li:first-child a:hover::after {
      content: "你需要登录"; }
    .rightsidebar .top li:nth-of-type(2) a:hover::after {
      content: "你需要登录"; }
    .rightsidebar .top li:nth-of-type(3) a:hover::after {
      content: "你需要登录"; }
    .rightsidebar .top li:nth-of-type(4) a:hover::after {
      content: "你需要登录"; }
    .rightsidebar .top li:last-child {
      border-bottom: 1px solid #4c4c4c;
      border-top: 1px solid #4c4c4c; }
      .rightsidebar .top li:last-child p {
        width: 12px;
        line-height: 18px;
        margin-left: 15px; }
      .rightsidebar .top li:last-child em {
        color: red; }
      .rightsidebar .top li:last-child a:hover::after {
        content: "你需要登录"; }
  .rightsidebar .bottom li:first-child a:hover::after {
    content: '反馈到邮箱'; }
  .rightsidebar .bottom li:last-child a:hover::after {
    content: '';
    display: none; }

.banner {
  width: 100%;
  height: 478px;
  position: relative;
  overflow: hidden; }
  .banner img {
    display: block;
    width: 100%;
    height: 100%; }
  .banner ol {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    width: 500px;
    height: 10px; }
    .banner ol li {
      float: left;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.5);
      margin-left: 10px; }

.current {
  opacity: 0.8; }

.web {
  width: 1320px;
  margin: 0 auto; }

.content {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  padding-top: 52px; }

.contentone {
  height: 315px;
  width: 100%; }
  .contentone li {
    float: left;
    width: 315px;
    height: 315px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    .contentone li img {
      width: 100%;
      height: 100%; }
    .contentone li:nth-child(2) {
      width: 650px;
      margin-left: 20px;
      margin-right: 20px; }
    .contentone li::after {
      content: '';
      display: block;
      width: 50px;
      height: 100px;
      background-color: #795DA3;
      opacity: .8;
      position: absolute;
      bottom: -33px;
      left: -7px;
      opacity: 0;
      -webkit-transform: translate(-100%, 100%);
      -moz-transform: translate(-100%, 100%);
      -ms-transform: translate(-100%, 100%);
      -o-transform: translate(-100%, 100%);
      transform: translate(-100%, 100%);
      -webkit-transition: all 1.5s;
      -o-transition: all 1.5s;
      -moz-transition: all 1.5s;
      transition: all 1.5s; }
    .contentone li::before {
      content: '';
      display: block;
      width: 50px;
      height: 100px;
      background-color: #795DA3;
      opacity: .8;
      position: absolute;
      top: -30px;
      right: -12px;
      -webkit-transform: translate(100%, -100%);
      -moz-transform: translate(100%, -100%);
      -ms-transform: translate(100%, -100%);
      -o-transform: translate(100%, -100%);
      transform: translate(100%, -100%);
      -webkit-transition: all 1.5s;
      -o-transition: all 1.5s;
      -moz-transition: all 1.5s;
      transition: all 1.5s;
      opacity: 0; }
    .contentone li:hover::after {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(-45deg);
      -moz-transform: translate(0, 0) rotate(-45deg);
      -ms-transform: translate(0, 0) rotate(-45deg);
      -o-transform: translate(0, 0) rotate(-45deg);
      transform: translate(0, 0) rotate(-45deg); }
    .contentone li:hover::before {
      opacity: 1;
      -webkit-transform: translate(0, 0) rotate(-45deg);
      -moz-transform: translate(0, 0) rotate(-45deg);
      -ms-transform: translate(0, 0) rotate(-45deg);
      -o-transform: translate(0, 0) rotate(-45deg);
      transform: translate(0, 0) rotate(-45deg); }
    .contentone li .adword {
      width: 100%;
      height: 100px;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -157.5px;
      margin-top: -50px;
      opacity: 0;
      -webkit-transform: scale(0) rotate(0deg);
      -moz-transform: scale(0) rotate(0deg);
      -ms-transform: scale(0) rotate(0deg);
      -o-transform: scale(0) rotate(0deg);
      transform: scale(0) rotate(0deg);
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      -moz-transition: all 1s;
      transition: all 1s; }
      .contentone li .adword h2 {
        font-size: 18px; }
      .contentone li .adword p {
        font-size: 14px;
        margin-bottom: 10px; }
      .contentone li .adword a {
        color: #fff; }
    .contentone li:hover .adword {
      opacity: 1;
      -webkit-transform: scale(1) rotate(360deg);
      -moz-transform: scale(1) rotate(360deg);
      -ms-transform: scale(1) rotate(360deg);
      -o-transform: scale(1) rotate(360deg);
      transform: scale(1) rotate(360deg); }
    .contentone li:nth-child(2) .adword {
      margin-left: -325px; }

.contenttwo {
  height: 104px;
  width: 100%;
  margin-top: 52px; }
  .contenttwo li {
    width: 132px;
    height: 104px;
    float: left;
    position: relative;
    border-left: 1px solid #ccc; }
    .contenttwo li img {
      width: 98px;
      height: 42px;
      display: block;
      position: absolute;
      top: 18px;
      left: 17px;
      -webkit-transition: all 0.8s;
      -o-transition: all 0.8s;
      -moz-transition: all 0.8s;
      transition: all 0.8s; }
    .contenttwo li span {
      display: block;
      height: 14px;
      width: 100%;
      line-height: 14px;
      font-size: 14px;
      text-align: center;
      margin-top: 75px;
      -webkit-transition: all 0.8s;
      -o-transition: all 0.8s;
      -moz-transition: all 0.8s;
      transition: all 0.8s; }
    .contenttwo li:first-child {
      border: 0; }
    .contenttwo li:last-child img {
      width: 44px;
      height: 49px;
      top: 12px;
      left: 45px; }
    .contenttwo li:hover img {
      -webkit-transform: scale(1.2) translateY(-20px);
      -moz-transform: scale(1.2) translateY(-20px);
      -ms-transform: scale(1.2) translateY(-20px);
      -o-transform: scale(1.2) translateY(-20px);
      transform: scale(1.2) translateY(-20px); }
    .contenttwo li:hover span {
      -webkit-transform: scale(1.2) translateY(-18px);
      -moz-transform: scale(1.2) translateY(-18px);
      -ms-transform: scale(1.2) translateY(-18px);
      -o-transform: scale(1.2) translateY(-18px);
      transform: scale(1.2) translateY(-18px);
      text-shadow: 0px 2px 5px #795DA3; }

.contentthree {
  height: 1250px;
  width: 100%;
  margin-top: 52px; }
  .contentthree li {
    width: 315px;
    height: 403px;
    margin-bottom: 20px;
    background-color: #fff;
    float: left;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; }
    .contentthree li img {
      width: 100%;
      height: 315px;
      display: block; }
    .contentthree li h5 {
      font-size: 16px;
      height: 16px;
      line-height: 16px;
      margin-top: 12px; }
    .contentthree li h6 {
      font-size: 12px;
      line-height: 20px;
      margin-top: 10px;
      height: 40px; }
    .contentthree li h5, .contentthree li h6 {
      font-weight: 400;
      color: #252b38;
      margin-left: 20px;
      display: block;
      width: 274px;
      overflow: hidden; }
    .contentthree li:hover {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-box-shadow: 0px 0px 20px 5px #795DA3;
      -moz-box-shadow: 0px 0px 20px 5px #795DA3;
      box-shadow: 0px 0px 20px 5px #795DA3; }
  .contentthree .left {
    float: left;
    width: 650px;
    height: 100%;
    margin-right: 20px; }
    .contentthree .left li:first-child {
      height: 826px;
      margin-right: 20px; }
      .contentthree .left li:first-child img {
        height: 738px; }
    .contentthree .left li:last-child {
      width: 650px; }
      .contentthree .left li:last-child img {
        width: 100%; }
      .contentthree .left li:last-child h5, .contentthree .left li:last-child h6 {
        width: 430px; }
  .contentthree .right {
    float: left;
    width: 650px;
    height: 100%; }
    .contentthree .right li:first-child {
      width: 650px; }
      .contentthree .right li:first-child img {
        width: 100%; }
      .contentthree .right li:first-child h5, .contentthree .right li:first-child h6 {
        width: 430px; }
    .contentthree .right li:nth-child(2) {
      height: 826px;
      margin-right: 20px; }
      .contentthree .right li:nth-child(2) img {
        height: 738px; }

.contentfour {
  width: 100%;
  height: 120px;
  margin-top: 42px; }
  .contentfour img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
    .contentfour img:hover {
      -webkit-animation: skews 1s linear alternate infinite;
      -moz-animation: skews 1s linear alternate infinite;
      -o-animation: skews 1s linear alternate infinite;
      animation: skews 1s linear alternate infinite; }

.contentfive,
.contentsix {
  height: 519px;
  width: 100%;
  margin-top: 52px; }
  .contentfive .header,
  .contentsix .header {
    height: 26px;
    margin-bottom: 20px;
    border-bottom: 1px solid #a5643c; }
    .contentfive .header h4,
    .contentsix .header h4 {
      float: left;
      width: 90px;
      height: 25px;
      line-height: 25px;
      display: block;
      background-color: #a5643c;
      color: #fff;
      font-size: 14px;
      text-align: center;
      font-weight: 400; }
    .contentfive .header h5,
    .contentsix .header h5 {
      float: left;
      font-size: 14px;
      font-weight: 400;
      font-family: arial;
      text-align: center;
      display: block;
      width: 150px;
      height: 25px;
      line-height: 25px;
      border-bottom: 1px solid #a5643c; }
    .contentfive .header ul,
    .contentsix .header ul {
      float: right; }
      .contentfive .header ul li,
      .contentsix .header ul li {
        float: left;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin-right: 20px; }
        .contentfive .header ul li a,
        .contentsix .header ul li a {
          color: #252b38; }
          .contentfive .header ul li a:hover,
          .contentsix .header ul li a:hover {
            color: #a5643c;
            text-shadow: 0 2px 10px #795DA3; }
        .contentfive .header ul li:nth-child(6) a,
        .contentsix .header ul li:nth-child(6) a {
          color: #a5643c;
          text-shadow: 0 2px 10px #795DA3; }
  .contentfive .body,
  .contentsix .body {
    width: 100%; }
    .contentfive .body .left,
    .contentsix .body .left {
      float: left;
      width: 264px;
      height: 100%;
      background-color: #a5643c;
      position: relative;
      -webkit-perspective: 500;
      -moz-perspective: 500;
      perspective: 500; }
      .contentfive .body .left img,
      .contentsix .body .left img {
        width: 100%;
        height: 355px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left; }
      .contentfive .body .left a,
      .contentsix .body .left a {
        display: block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #252b38;
        font-size: 12px;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        top: 323px;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        transform-origin: left; }
      .contentfive .body .left h4,
      .contentsix .body .left h4 {
        font-size: 22px;
        height: 22px;
        line-height: 22px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 16px;
        margin-top: 28px;
        text-align: center; }
      .contentfive .body .left p,
      .contentsix .body .left p {
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        margin-bottom: 32px; }
      .contentfive .body .left:hover img,
      .contentsix .body .left:hover img {
        -webkit-transition: all 3s;
        -o-transition: all 3s;
        -moz-transition: all 3s;
        transition: all 3s;
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg); }
      .contentfive .body .left:hover a,
      .contentsix .body .left:hover a {
        -webkit-transition: all 5s;
        -o-transition: all 5s;
        -moz-transition: all 5s;
        transition: all 5s;
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg); }
    .contentfive .body .right,
    .contentsix .body .right {
      float: left;
      width: 1056px;
      -webkit-perspective: 450;
      -moz-perspective: 450;
      perspective: 450;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      -moz-transition: all 1s;
      transition: all 1s; }
      .contentfive .body .right li,
      .contentsix .body .right li {
        float: left;
        width: 263px;
        height: 236px;
        margin-right: 1px;
        margin-bottom: 1px;
        background-color: #fff; }
        .contentfive .body .right li:nth-child(4n),
        .contentsix .body .right li:nth-child(4n) {
          margin-right: 0; }
        .contentfive .body .right li a,
        .contentsix .body .right li a {
          display: block; }
        .contentfive .body .right li h5,
        .contentsix .body .right li h5 {
          font-size: 16px;
          line-height: 16px;
          color: #252b38;
          font-weight: 400;
          margin-top: 16px;
          margin-left: 17px; }
        .contentfive .body .right li h6,
        .contentsix .body .right li h6 {
          font-size: 12px;
          line-height: 12px;
          color: #a5643c;
          font-weight: 400;
          margin-top: 12px;
          margin-left: 17px; }
        .contentfive .body .right li .pic,
        .contentsix .body .right li .pic {
          width: 100%;
          height: 183px;
          overflow: hidden;
          position: relative; }
        .contentfive .body .right li img,
        .contentsix .body .right li img {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.contentfive li:hover {
  -webkit-animation: rotatex3d 1s forwards;
  -moz-animation: rotatex3d 1s forwards;
  -o-animation: rotatex3d 1s forwards;
  animation: rotatex3d 1s forwards; }

.contentsix {
  margin-bottom: 52px; }
  .contentsix .header {
    border-bottom: 1px solid #607591; }
    .contentsix .header h4 {
      background-color: #607591; }
    .contentsix .header h5 {
      border-bottom: 1px solid #607591; }
    .contentsix .header ul li a {
      color: #252b38; }
      .contentsix .header ul li a:hover {
        color: #607591;
        text-shadow: 0 2px 10px #607591; }
    .contentsix .header ul li:nth-child(6) a {
      color: #607591;
      text-shadow: 0 2px 10px #607591; }
  .contentsix .body .left {
    background-color: #607591; }
  .contentsix .body .right li h6 {
    color: #607591; }
  .contentsix .body .right li:hover {
    -webkit-animation: scale 1s linear infinite alternate;
    -moz-animation: scale 1s linear infinite alternate;
    -o-animation: scale 1s linear infinite alternate;
    animation: scale 1s linear infinite alternate;
    -webkit-box-shadow: 0px 0px 20px 5px #795DA3;
    -moz-box-shadow: 0px 0px 20px 5px #795DA3;
    box-shadow: 0px 0px 20px 5px #795DA3; }
